<template>
    <div class="section-wrap">
        <div class="form-section">
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>项目名称</label>
                </div>
                <div>
                    <p>{{brankinfo.departName}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>项目管理单位</label>
                </div>
                <p>{{brankinfo.panrentDepartName}}</p>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>业主项目经理</label>
                </div>
                <div>
                    <p>{{brankinfo.charge}}</p>
                </div>
            </div>
        </div>
        <div class="form-section">
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章登记人</label>
                </div>
                <div>
                    <p>{{brankinfo.weizRegisterPerson}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章时间</label>
                </div>
                <p>{{brankinfo.weizDate}}</p>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章人员名称</label>
                </div>
                <div>
                    <p>{{brankinfo.weizPersonName}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章地点</label>
                </div>
                <div>
                    <p>{{brankinfo.weizAddress}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章人员所属参建单位</label>
                </div>
                <div>
                    <p>{{brankinfo.weizPersonDepartName}}</p>
                </div>
            </div>
            <div class="form-item form-item-style2">
                <div class="label-title space-between">
                    <div class="space-between">
                        <label>验收后照片</label>
                    </div>
                    <span>当前共{{brankinfo.projectImgList.length}}张照片</span>
                </div>
                <div class="upload-wrap" v-for="(item,index) in brankinfo.projectImgList" :key="index">
                    <upload :imgList="item.url" ></upload>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章现象</label>
                </div>
                <div>
                    <p>{{brankinfo.weizPhenItemListName}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章编号</label>
                </div>
                <div>
                    <p>{{brankinfo.weizNo}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章标准编号</label>
                </div>
                <div>
                    <p>{{brankinfo.weizPhenItemListNo}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章整改限期</label>
                </div>
                <div>
                    <p>{{brankinfo.weizAbarbeitungStartDate.substring(0, 10)}}至{{brankinfo.weizAbarbeitungEndDate.substring(0, 10)}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章验收单位</label>
                </div>
                <div>
                    <p>{{brankinfo.weizCheckDepartName}}</p>
                </div>
            </div>
            <div class="form-item form-item-style1">
                <div class="label-title">
                    <label>违章验收人员</label>
                </div>
                <div>
                    <p>{{brankinfo.weizCheckPersonName}}</p>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import upload from "@/commonComponents/upload/index";
export default {
  name: "brankDetails",
  data() {
    return {
     brankinfo:{
     createUser :  '' ,
     createDate :  '' ,
     operUser :  '' ,
     operDate :  '',
     deleteUser : null,
     deleteDate :  '' ,
     deleteTag : 0,
     status : 1,
     rocordId :  '' ,
     departId : null,
     departName :  '' ,
     panrentDepartId :  '' ,
     panrentDepartName :  '' ,
     charge :  '' ,
     weizRegisterPerson :  '' ,
     weizDate :  '',
     weizPersonName : null,
     weizAddress : null,
     weizPersonDepartId :  '',
     weizPersonDepartName :  '' ,
     weizPhenItemListId : null,
     weizPhenItemListName :  '' ,
     weizNo :  '' ,
     weizPhenItemListNo :  '' ,
     weizAbarbeitungStartDate : '' ,
     weizAbarbeitungEndDate :  '' ,
     weizCheckDepartId : null,
     weizCheckDepartName :  '' ,
     weizCheckPersonId :  '' ,
     weizCheckPersonName :  '' ,
     weizCheckZrrId :  '' ,
     weizCheckZrrName :  '' ,
     weizCheckComDate :  '' ,
     weizCheckRemark : null,
     weizYsDate :  '',
     weizYsResult : null,
     weizYsWay : null,
     weizYsRemark : null,
     rectifyList : [],
     fileList : null,
     projectImgList : [],
     id :  ''
  },
      params: {
        id: ""
      },
      
    };
  },
  components: {
    upload
  },
  created() {
    this.getInfo();
  },
  methods: {
    getInfo() {
      this.params.id ='4bdab5b9-53f8-4855-aeb9-6c31debd1d9e';
      this.$axiosAjax.haveRegBreakGet(this.params).then(res => {
         this.brankinfo=res.data.result;
      });
    }
  }
};
</script>

